window.onload = function(){
    layui.use(['jquery','form','layer'],function(){
        var $ = layui.jquery,form = layui.form;

        $(".append").on("click",function(){
            Utils.layer.open({
                type: 1,
                id:1,
                title: '选择图标',
                area:['400px','auto'],
                content: $('.filter'),
                btn:['确定','取消'],
                btn1:function(){
                    var icon=$(".activeli>i").text();
                    if(icon!=''){
                        $(".show-icon").text(icon);
                        Utils.layer.closeAll();
                    }else{
                        Utils.layer.msg("请选择图标")
                    }
                }
            })
        })
        $(".filter>ul>li").on("click",function(){
            $(this).addClass("activeli").siblings().removeClass("activeli");
        });

        //传递数据
        $(".appendMenu").on("click",function(){
            var flag=true;
            var chose1=$("input[name=operation]:checked").val(),   //操作
                chose2=$("input[name=isshow]:checked").val(),   //是否显示
                parent=$(".select option:selected").val(),  //父级
                menuName=$(".menu-name").val(),
                menuAddr=$(".menu-addr").val(),
                sureicon=$(".show-icon").text(),
                id=$(".menuid").val();

            if(menuName==""){
                layer.msg("请输入菜单名称");
                flag=false;
            }else if(menuAddr==""){
                layer.msg("请输入菜单地址");
                flag=false;
            }else if(parent==""){
                layer.msg("请选择菜单父级");
                flag=false;
            }else if(chose1==undefined){
                layer.msg("请选择所需要的操作");
                flag=false;
            }else if(chose2==undefined){
                layer.msg("请选择是否需要显示");
                flag=false;
            }

            var datastr="menu_name="+menuName+"&url="+menuAddr+"&parent_code="+parent+"&operation="+chose1+"&icon="+sureicon+"&is_show="+chose2+"&menu_id="+id;

            var datastr1=$(".form-horizontal").serialize();
            if(flag==true){
                $.post("/menu/update-menu",datastr,function(data){
                    if(data.code==200){
                        Utils.layer.msg(data.msg);
                        setTimeout(function(){
                            location.href="/menu/index";
                        },1200)
                    }else{
                        Utils.layer.msg(data.msg);
                    }
                })
            }
        });
    })
}